<!-- 我的 -->
<template>
	<view class="mian-container h100 bsb pt40 ofys">
		<view class="bb2f h150r df aic jcsb bcf p20lr">
			<view class="df aic">
				<text>手机号</text>
			</view>
			<text>{{'156****4427'}}</text>
		</view>
		<view @click="show = true" class=" h150r df aic jcsb bcf p20lr">
			<view class="df aic">
				<text>姓名</text>
			</view>
			<view class="df aic">
				<text>{{'付松'}}</text>
				<img style="width: 50rpx;height: 50rpx;" src="../../static/imgs/backProj.png" alt="" />
			</view>
		</view>
		<view class="bb2f h150r df aic jcsb bcf mt40 p20lr">
			<view class="df aic">
				<text>修改登录密码</text>
			</view>
			<img style="width: 50rpx;height: 50rpx;" src="../../static/imgs/backProj.png" alt="" />
		</view>
		<view class="bb2f h150r df aic jcsb bcf mt40 p20lr">
			<view class="df aic">
				<text>当前版本</text>
			</view>
			<view class="df aic">
				<text>{{'当前版本：v2.0.1.08'}}</text>
				<img style="width: 50rpx;height: 50rpx;" src="../../static/imgs/backProj.png" alt="" />
			</view>
		</view>
		<view class="bb2f h150r df aic jcsb bcf p20lr">
			<view class="df aic">
				<text>清空缓存</text>
			</view>
			<view class="df aic">
				<text>{{'50M'}}</text>
				<img style="width: 50rpx;height: 50rpx;" src="../../static/imgs/backProj.png" alt="" />
			</view>
		</view>
		<view class=" h150r df aic jcsb bcf p20lr">
			<view class="df aic">
				<text>面对面分享下载</text>
			</view>
			<img style="width: 50rpx;height: 50rpx;" src="../../static/imgs/backProj.png" alt="" />
		</view>
		<view class="bb2f h150r df aic jcsb bcf mt40 p20lr">
			<view class="df aic">
				<text>用户服务协议</text>
			</view>
			<img style="width: 50rpx;height: 50rpx;" src="../../static/imgs/backProj.png" alt="" />
		</view>
		<view class="bb2f h150r df aic jcsb bcf p20lr">
			<view class="df aic">
				<text>隐私政策</text>
			</view>
			<img style="width: 50rpx;height: 50rpx;" src="../../static/imgs/backProj.png" alt="" />
		</view>
		<view class=" h150r df aic jcc bcf logout">
			<view class="logout-btn w100 h100 df aic jcc">
				退出登录
			</view>
		</view>
	</view>
	<up-modal
		:show="show"
		showCancelButton
		closeOnClickOverlay
		@confirm="confirm"
		@cancel="show = false"
		@close="show = false"  title="修改姓名">
		<up-input clearable></up-input>
		</up-modal>
</template>

<script setup>
import { ref } from 'vue';
const show =ref(false)
const confirm = ()=>{
	show.value = false
}
</script>

<style lang="scss" scoped>
.mian-container{
	background-color: #f5f5f5
}
.h150r{
	height: 150rpx;
}
.logout-btn{
	color: #fff;
	background-color: red;
	border-radius: 16rpx;
}
.logout{
	padding: 40rpx 80rpx;
	box-sizing: border-box;
}
</style>
 <style lang="scss">
	 page{
		 height: 100%;
		 box-sizing: border-box;
	 }
 </style>